// 用户模块,后期自己来写
import { reqLogin, reqGetUserInfo, reqGetUserDetailById } from '@/api/user'
import { setToken, getToken, removeToken } from '@/utils/auth'
export default {
  state: {
    // 优先从本地存储中获取token
    token: getToken() || '',
    // 个人信息
    userInfo: {}
  },
  mutations: {
    // 存储token
    setToken(state, newToken) {
      // 存储到vuex
      state.token = newToken
      // 存储到本地
      setToken(newToken)
    },
    // 设置个人信息
    setUserInfo(state, info) {
      state.userInfo = info
    },
    // 清除token的mutation
    clearToken(state) {
      state.token = ''
      removeToken()
    }
  },
  actions: {
    // 发送登录请求的action
    async login({ commit }, form) {
      const res = await reqLogin(form)
      commit('setToken', res.data)
      return res // 将登录的响应结果返回, 为了在组件中判断success标识
    },
    // 获取个人信息的action
    async getUserInfo({ commit }) {
      // 1. 基本信息
      const { data } = await reqGetUserInfo()
      // console.log(data)
      // 2.带头像的信息
      const { data: data2 } = await reqGetUserDetailById(data.userId)
      // console.log(data, data2)
      commit('setUserInfo', { ...data, ...data2 })
    }
  },
  namespaced: true
}

